<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>狂神说</title>
    <!--1.导入vue.js axios.js-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>

<div id="app">
    <!-- 区别：methods调用的是方法，方法名后要加（） computed不需要  -->
    <p>currentTime1:{{currentTime1()}}</p>
    <p>currentTime2:{{currentTime2}}</p>
</div>

<script>
    let app = new Vue({
        el: '#app',
        data: {
            message: "Hello,Kuangshen"
        },
        methods: {
          currentTime1: function () {
              return Date.now();
          }
        },
        computed: { //计算属性  methods，computed 方法名不能重名 ，methods优先级较高 无法调用computed 中方法
            //计算完存放在内存中 是一个方法 不会改变 随着下一次的刷新重新计算存入内存
            currentTime2: function () {
                return Date.now();
            }
        }
    });

</script>

</body>
</html>